<template>
  <div class="containerRow right-container-width">
    <aside class="h1 rest-tab">
      {{ $t('order.title') }}
      <div class="underline" />
    </aside>
    <!-- 右边 -->
    <div class="rest-container order-list">
      <orderHistory v-for="item in orderList" :key="item._id" :item="item"/>

    </div>
  </div>

</template>

<script>

import { mapState, mapActions } from 'vuex';
// 组件
import orderHistory from '@/views/order/components/OrderHistory.vue';

export default {
  components: { orderHistory },

  created() {
    this.hideUserUnflod();
    this.getOrderList();
  },

  computed: {
    ...mapState({
      orderList: (state) => state.order.orderList,
    }),
  },
  updated() {
    window.scroll(0, 0);
  },
  methods: {
    ...mapActions([
      'getOrderList',
      'hideUserUnflod',
    ]),

  },

};
</script>

<style>

</style>
